<template>
  <div>
    <div style="width: 100%;height: 100px;">
      <a-row :gutter="[16,8]">
        <a-col :span="4"  >
          <a-button-group >
            <a-button @click="whole()">
              全部
            </a-button>
            <a-button @click="classA()">
              甲班
            </a-button>
            <a-button @click="classB()">
              乙班
            </a-button>
          </a-button-group>
        </a-col>

        <a-col :span="3" >
          <a-input v-model="name" placeholder="请输入姓名" />
        </a-col>
        <a-col :span="3" >
          <a-input v-model="jobId" placeholder="请输入工号" />
        </a-col>
        <a-col :span="3" >
          <a-date-picker v-model="riqi" @change="onChange" />

        </a-col>
        <a-col :span="3" >
          <a-select placeholder="选择车间" v-model="workshop" style="width: 120px" @change="handleChange">
            <a-select-option value="一纺">
              一纺
            </a-select-option>
            <a-select-option value="二纺">
              二纺
            </a-select-option>
            <a-select-option value="三纺" >
              三纺
            </a-select-option>
            <a-select-option value="五纺">
              五纺
            </a-select-option>
          </a-select>
        </a-col>
        <a-col :span="2" >
          <a-button @click="GenerateReport()" type="primary" style="width: 100%">
            生成报表
          </a-button>
        </a-col>
        <a-col :span="3" >
          <a-button @click="ExportLengthReport()" style="width: 100%">导出长度报表</a-button>
        </a-col>
        <a-col :span="2"  >
          <a-button @click="ExportReport()" style="width: 100%">导出报表</a-button>
        </a-col>
      </a-row>

      <a-row :gutter=16 style="margin-top: 10px;">
        <a-col :span="4"  >
          <a-select placeholder="选择品种" v-model="variety" style="width: 190px" @change="handleChange">
            <a-select-option value="一纺">
              一纺
            </a-select-option>
            <a-select-option value="二纺">
              二纺
            </a-select-option>
            <a-select-option value="三纺" >
              三纺
            </a-select-option>
            <a-select-option value="五纺">
              五纺
            </a-select-option>
          </a-select>
        </a-col>

        <a-col :span="4"  style="width: 71%">
          <a-select placeholder="选择工种" v-model="jobType" style="width: 190px" @change="handjobType">
            <a-select-option value="一纺">
              一纺
            </a-select-option>
            <a-select-option value="二纺">
              二纺
            </a-select-option>
            <a-select-option value="三纺" >
              三纺
            </a-select-option>
            <a-select-option value="五纺">
              五纺
            </a-select-option>
          </a-select>
        </a-col>

        <a-col :span="2">
          <a-button @click="search()" type="primary" style="width: 100%">
            搜索
          </a-button>
        </a-col>
      </a-row>
    </div>
    <div>
      <a-table rowKey="id" :columns="columnsBingTiao" :data-source="dataBingTiao" :scroll="{ x: 6500, y: 600 }" :pagination="ipagination">
        <a slot="action" slot-scope="text">action</a>
      </a-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name:'',
      jobId:'',
      riqi:null,
      workshop:undefined,
      variety:undefined,
      jobType:'',
      columnsBingTiao,
      dataBingTiao,


    };
  },
  methods: {






    whole(){

    },
    classA(){

    },
    classB(){

    },
    GenerateReport(){

    },
    ExportLengthReport(){

    },
    ExportReport(){

    },
    search(){

    },


    handleChange(value) {
      console.log(`selected ${value}`);
    },
    handjobType(value) {
      console.log(`selected ${value}`);
    },
    onChange(date, dateString) {
      console.log(date, dateString);
    },


  },

};

const columnsBingTiao = [
  { title: '日期', width: 100, dataIndex: 'column1', key: 'column1', fixed: 'left' },
  { title: '车间', width: 100, dataIndex: 'column2', key: 'column2', fixed: 'left' },
  { title: '班次', width: 100, dataIndex: 'column3', key: 'column3', fixed: 'left'},
  { title: '上班时间', width: 100, dataIndex: 'column4', key: 'column4', fixed: 'left'},
  { title: '机台时间', width: 100, dataIndex: 'column5', key: 'column5', fixed: 'left'},
  { title: '机号', width: 100,dataIndex: 'column6', key: 'column6',  fixed: 'left' },
  { title: '机型', dataIndex: 'column7', key: 'column7', width: 150 },
  { title: '工号', dataIndex: 'column8', key: 'column8', width: 150 },
  { title: '姓名', dataIndex: 'column9', key: 'column9', width: 150 },
  { title: '条桶规格', dataIndex: 'column10', key: 'column10', width: 150 },
  { title: '品种类别', dataIndex: 'column11', key: 'column11', width: 150 },
  { title: '品种', dataIndex: 'column12', key: 'column12',width: 150  },
  { title: '机台系数', dataIndex: 'column13', key: 'column13', width: 150 },
  { title: '品种系数', dataIndex: 'column14', key: 'column14', width: 150 },
  { title: '单价系数', dataIndex: 'column15', key: 'column15', width: 150 },
  { title: '综合系数', dataIndex: 'column16', key: 'column16', width: 150 },
  { title: '定量', dataIndex: 'column17', key: 'column17', width: 150 },
  { title: '线速度', dataIndex: 'column18', key: 'column18', width: 150 },
  { title: '是否二并', dataIndex: 'column19', key: 'column19',width: 150  },
  { title: '是否预并', dataIndex: 'column20', key: 'column20', width: 150 },
  { title: '末并定长(桶/m)', dataIndex: 'column21', key: 'column21', width: 150 },
  { title: '8小时定额长度', dataIndex: 'column22', key: 'column22', width: 150 },
  { title: '台数', dataIndex: 'column23', key: 'column23', width: 150 },
  { title: '台数(8小时)', dataIndex: 'column24', key: 'column24', width: 150 },
  { title: '定额看台(台)', dataIndex: 'column25', key: 'column25', width: 150 },
  { title: '总看台率%', dataIndex: 'column26', key: 'column26',width: 150  },
  { title: '交班长度', dataIndex: 'column27', key: 'column27', width: 150 },
  { title: '接班长度', dataIndex: 'column28', key: 'column28', width: 150 },
  { title: '实际长度(百米)', dataIndex: 'column29', key: 'column29', width: 150 },
  { title: '重量(kg)', dataIndex: 'column30', key: 'column30', width: 150 },
  { title: '预并上条数(台/桶)', dataIndex: 'column31', key: 'column31', width: 150 },
  { title: '预并落桶数(按未并)', dataIndex: 'column32', key: 'column32', width: 150 },
  { title: '头并上条数(台/桶)', dataIndex: 'column33', key: 'column33',width: 150  },
  { title: '二并上条数(按头并50%)', dataIndex: 'column34', key: 'column34', width: 150 },
  { title: '二并落桶数(台/桶)', dataIndex: 'column35', key: 'column35', width: 150 },
  { title: '二并清洁长度(50%千米)', dataIndex: 'column36', key: 'column36', width: 150 },
  { title: '末并落桶数(台/桶)', dataIndex: 'column37', key: 'column37', width: 150 },
  { title: '上条单价(桶/元)', dataIndex: 'column38', key: 'column38', width: 150 },
  { title: '落桶单价(桶/元)', dataIndex: 'column39', key: 'column39', width: 150 },
  { title: '清洁看台单价(千米/元)', dataIndex: 'column40', key: 'column40', width: 150 },
  { title: '预并上条工资(元)', dataIndex: 'column41', key: 'column41', width: 150 },
  { title: '预并络筒工资(元)', dataIndex: 'column42', key: 'column42', width: 150 },
  { title: '二并上条工资(元)', dataIndex: 'column43', key: 'column43', width: 150 },
  { title: '二并落桶工资(元)', dataIndex: 'column44', key: 'column44', width: 150 },
  { title: '二并清洁工资(元)', dataIndex: 'column45', key: 'column45', width: 150 },
  { title: '末并落桶工资(元)', dataIndex: 'column46', key: 'column46', width: 150 },
  { title: '末并清洁工资(元)', dataIndex: 'column47', key: 'column47', width: 150 },
  { title: '系数补扣', dataIndex: 'column48', key: 'column48', width: 150 },
  { title: '其他补贴', dataIndex: 'column49', key: 'column49', width: 150 },
  { title: '合计工资', dataIndex: 'column50', key: 'column50', width: 150 },
  { title: '完成率%', dataIndex: 'column51', key: 'column51', width: 150 },
  { title: '机台保养', dataIndex: 'column52', key: 'column52', width: 150 },
  { title: '备注', dataIndex: 'column53', key: 'column53', width: 150 },
  { title: '单看台率', dataIndex: 'column54', key: 'column54', width: 150 },
  { title: '看台审核', dataIndex: 'column55', key: 'column55', width: 150 },
  { title: '机台日时间', dataIndex: 'column56', key: 'column56', width: 150 },
  { title: '工号转换', dataIndex: 'column57', key: 'column57', width: 150 },
  { title: '班次条件', dataIndex: 'column58', key: 'column58', width: 150 },


];
const dataBingTiao = [
  {
    column1:1,
    column2:1,
    column3:1,
    column4:1,
    column5:1,
    column6:1,
    column7:1,
    column8:1,
    column9:1,
    column10:1,
    column11:1,
    column12:1,
    column13:1,
    column14:1,
    column15:1,
    column16:1,
    column17:1,
    column18:1,
    column19:1,
    column20:1,
    column21:1,
    column22:1,
    column23:1,
    column24:1,
    column25:1,
    column26:1,
    column27:1,
    column28:1,
    column29:1,
    column30:1,
    column31:1,
    column32:1,
    column33:1,
    column34:1,
    column35:1,
    column36:1,
    column37:1,
    column38:1,
    column39:1,
    column40:1,
    column41:1,
    column42:1,
    column43:1,
    column44:1,
    column45:1,
    column46:1,
    column47:1,
    column48:1,
    column49:1,
    column50:1,
    column51:1,
    column52:1,
    column53:1,
    column54:1,
    column55:1,
    column56:1,
    column57:1,
    column58:1,


  }
];
</script>

<style scoped>

</style>